<template>
	<view class="page">
		<image src="../../static/register/top2.jpg" mode="widthFix" class="top" />
		<view class="location-container">
			<view class="left">
				<image src="../../static/register/location.png" mode="widthFix" class="location"></image>
				<text>代驾服务地点</text>
			</view>
			<view class="right">{{cityName}}</view>
		</view>
		<view class="info-container">
			<view class="title-container">
				<image src="../../static/register/title-bg.png" mode="widthFix" class="title-bg"></image>
				<text class="title">入驻条件</text>
			</view>
			<view class="list">
				<view class="item">
					<text>1.</text>
					三年安全驾驶经验；
				</view>
				<view class="item">
					<text>2.</text>
					年龄23~55周岁；
				</view>
				<view class="item">
					<text>3.</text>
					无违法犯罪记录、无精神病史、无吸毒史，以及平台认为不适合代驾的其他历史证明；
				</view>
				<view class="item">
					<text>4.</text>
					有熟练驾车经验；
				</view>
				<view class="item">
					<text>5.</text>
					身体健康，无肢体残疾和大面积纹身；
				</view>
				<view class="item">
					<text>6.</text>
					需要提供身份证、驾驶证、直系亲属联系方式，并保存前述材料的真实合法性；
				</view>
			</view>
		</view>
		<view class="info-container">
			<view class="title-container">
				<image src="../../static/register/title-bg.png" mode="widthFix" class="title-bg"></image>
				<text class="title">入驻流程</text>
			</view>
			<view class="list">
				<view class="complex-item">
					<view class="left">01</view>
					<view class="right">
						<text class="item-title">在线注册账号</text>
						<text class="item-desc">在小程序完成注册</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">02</view>
					<view class="right">
						<text class="item-title">司机信息填写</text>
						<text class="item-desc">按照流程提交本人身份证、驾驶证</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">03</view>
					<view class="right">
						<text class="item-title">证件资料审核</text>
						<text class="item-desc">对提交证件进行审核</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">04</view>
					<view class="right">
						<text class="item-title">签署合同</text>
						<text class="item-desc">收到邮寄的合同后必须本人签署并寄回</text>
					</view>
				</view>
			</view>
		</view>
		<!-- <button class="btn" @tap="wxRegister" >司机注册</button> -->
		<button class="btn" open-type="getPhoneNumber" @getphonenumber="phoneRegister" >司机注册</button>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
var QQMapWX = require('../../lib/qqmap-wx-jssdk.min.js');
var qqmapsdk;
export default {
	data() {
		return {
			code: null,
			cityName:"未知"
		};
	},
	onLoad() {
		this.initWecathKey()
		this.getPosition()
	},
	methods: {
		initWecathKey(){
			qqmapsdk = new QQMapWX({
			    key: 'Q6RBZ-RE46V-KYVPX-5C5UG-NELD7-QGFA2' // 必填
			});
		},
		// 获取经纬度位置
		getPosition(){
      // 改变指向，在uniapp中的_this指向vue的对象，不然直接在uni里面使用this就不能指向外面这个对象了
      var _this = this
			uni.getLocation({
				type: 'gcj02',
				success: function (res) {
					// console.log('当前位置的经度：' + res.longitude);
					// console.log('当前位置的纬度：' + res.latitude);
          // 这个地方用this的话指向的uniapp对象
          _this.getCutyPosition(res.latitude,res.longitude)
				}
			});
		},
		// 转换位置为城市位置
		getCutyPosition(latitude,longitude){
			
		  var _this = this
		  qqmapsdk.reverseGeocoder({
			location:{
			  latitude: latitude,
			  longitude: longitude
			},
			success: function(res) {//成功后的回调
			  // console.log(res);
			  if(res.message =="Success"){
				  _this.cityName = res.result.address_component.city
			  }
			  
			},
			// 失败返回
			fail: function(error) {
			  console.error(error);
			},
		  })
		},
		phoneRegister(e){
			var _this = this
			// 发起请求获取临时凭证5分钟
			wx.login({
				// 成功返回
			  success (res) {
				  console.log(res.code)
				  //拿到微信授权码
				  let code = res.code;
			    if (res.code) {
					var codes ={
						wechatCode : res.code,
						phoneCode : e.detail.code
					}
					// var parm = {
					// 	code :res.code,
					// 	type : 1
					// }
					//发起微信注册请求Vue.prototype.post = function(url,  data, fun) 封装好的 fun返回数据
					_this.post("/driver/manager/driver/driverRegister",codes,function(res){
						console.log(res)
						let {success,code,message,result} = res.data;
					});
					uni.navigateTo({
					  url:"../../pages/login/login"
					})
			    }else{
					console.log("注册失败！"+res.errMsg)
				}
			  }
			})
		},
	}
};
</script>

<style lang="less">
@import url('register.less');
</style>
